<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- /* ::meta, ::title, ::link, ::style, ::script */ -->
<head th:replace="fragment :: common_head(~{::meta},~{::title},~{::link},~{},~{})">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Blank</title>
    <!--tag::引入 css, js[]-->
    <!-- Main CSS-->
    <link rel="stylesheet" type="text/css" href="../static/assets/css/main.css"
          th:href="@{/assets/css/main.css}">
    <!-- Font-icon css-->
    <!-- <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> -->
    <link th:href="@{/webjars/font-awesome/4.7.0/css/font-awesome.min.css}" rel="stylesheet"
          href="//cdn.jsdelivr.net/webjars/org.webjars/font-awesome/4.7.0/css/font-awesome.min.css"/>
    <!--这里加入 app.css -->
    <link rel="stylesheet" th:href="@{/assets/css/app.css}"
          href="../static/assets/css/app.css">
    <!--end::引入 css, js[]-->
</head>
<body class="app sidebar-mini rtl">
<th:block th:replace="fragment :: browser"></th:block>
<header id="header" th:replace="fragment :: header"></header>
<!-- main tag 前应该加入 : -->
<div th:replace="fragment :: toggle-sidebar"></div>
<aside th:replace="fragment :: aside"></aside>
<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> Blank Page</h1>
            <p>Start a beautiful journey here</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">Blank Page</a></li>
        </ul>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">Create a beautiful dashboard</div>
            </div>
            <p>测试空白页</p>
        </div>
    </div>
</main>
<footer id="footer" th:replace="fragment :: footer"></footer>
<!-- Essential javascripts for application to work-->
<script src="../static/assets/js/jquery-3.2.1.min.js"
        th:src="@{/assets/js/jquery-3.2.1.min.js}"></script>
<script src="../static/assets/js/popper.min.js"
        th:src="@{/assets/js/popper.min.js}"></script>
<script src="../static/assets/js/bootstrap.min.js"
        th:src="@{/assets/js/bootstrap.min.js}"></script>
<script src="../static/assets/js/main.js"
        th:src="@{/assets/js/main.js}"></script>
<!-- The javascript plugin to display page loading on top-->
<script src="../static/assets/js/plugins/pace.min.js"
        th:src="@{/assets/js/plugins/pace.min.js}"></script>
<!-- Page specific javascripts-->

<th:block th:replace="fragment :: scriptlib"></th:block>
<!--这里导入自己的 js 文件-->
<script th:src="@{/assets/js/app.js}"
        src="../static/assets/js/app.js"></script>
</body>
</html>
